<%@taglib uri="/struts-tags" prefix="s"%>
<script type="text/javascript" charset="utf-8"
	src="js/jquery.listnav.min-2.1.js"></script>
<script type="text/javascript" charset="utf-8"
	src="js/jquery.dataTables.listnav.js"></script>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {

	});
</script>
<s:if test="#session.logged != 'true'">
	<jsp:forward page="../index.jsp" />
</s:if>
<div class="content">
	<div class="row-fluid">
		<form action='updateSupportingMaterial.action?organisationId=<s:property value='organisationId' />&supportingMaterialId=<s:property value='supportingMaterialId' />#4' class='validate form-horizontal' method='post'>
			<div class="span12">
				<div class="box">
					<div class="box-head tabs">
						<div style="width: 200px;">
							<h3>Supporting Materials Details</h3>
							<ul class="nav nav-tabs" style="float: left; margin-top: 10px;">
								<li class="active"><a href="#0" data-toggle="tab">Details</a></li>
							</ul>
						</div>
						<div style="float: right;">
							<ul style="list-style: none; margin: 10px 0 0 0;">
								<li style="float: left; margin-right: 10px;">
									<a id='mark-active-sm' href='markActiveSupportingMaterial.action?organisationId=<s:property value='organisationId' />&supportingMaterialId=<s:property value='supportingMaterialId' />' class='btn btn-success'>In-active</a>
								</li>
								<li style="float: left; margin-right: 10px;"><button
										class="btn btn-success" type="submit">Save</button></li>
								<li style="float: left; margin-right: 10px;"><a id=""
									href="editOrganisation.action?organisationId=<s:property value='organisationId' />#4" class="btn btn-success">Back</a></li>
							</ul>
						</div>
					</div>
					<div class="box-content" id="supporting-material">
						<div class="tab-content">
							<div class="tab-pane active" id="0">
								<div class="row-fluid force-margin">
									<div class="span3">
										<div class="control-group">
											<label for="req" class="control-label">URL</label>
											<div class="controls">
												<input type="text" name="url" id="req"
													class='required' value="<s:property value='supportingMaterial.url' />">
											</div>
										</div>
										<div class="control-group">
											<label for="req" class="control-label">Description</label>
											<div class="controls">
												<textarea style="resize: none; width: 219px;"
													name="description" id="basictext"
													class='span9 input-square' rows="6"><s:property value='supportingMaterial.description' /></textarea>
											</div>
										</div>
										<div class="control-group">
											<label for="req" class="control-label">Type</label>
											<div class="controls">
												<s:select list="supportingMaterialTypes" name="supportingMaterialType"
													listKey="id" listValue="type" id="selsear"
													headerKey="-1" required="true"
													value="#{supportingMaterial.supportingMaterialType.id}" headerValue="">
												</s:select>
											</div>
										</div>
									</div>
									<div class="span3">
										<div class="control-group">
											<label for="req" class="control-label">Added By</label>
											<div class="controls">												
												<input type="text" name="addedBy" id=""
													class='input-medium input-square' readonly="readonly"
													value='<s:property value='supportingMaterial.user.account' />'>												
											</div>
										</div>
										<div class="control-group">
										<label for="req" class="control-label">Added Date</label>
										<div class="controls">
											<input style="width: 50px;" type="text" name="addedDate"
												id="" class='input-medium input-square' 
												readonly="readonly" value='<s:property value='supportingMaterial.addedDate' />'>

										</div>
									</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</form>
	</div>
</div>